<template>
    <div class="common-layout">
      <el-container>
        <el-aside width="200px">
            <el-menu
                default-active="2"
                class="el-menu-vertical-demo"
            >
                <el-menu-item index="1">
                    <el-icon><icon-menu/></el-icon>
                    <span>导航1</span>
                </el-menu-item>
                <el-menu-item index="2">
                    <el-icon><icon-menu/></el-icon>
                    <span>导航2</span>
                </el-menu-item>
                <el-menu-item index="3">
                    <el-icon><icon-menu/></el-icon>
                    <span>导航3</span>
                </el-menu-item>
            </el-menu>
        </el-aside>
        <el-container>
          <el-header>Header</el-header>
          <el-main>
            <router-view></router-view>
          </el-main>
        </el-container>
      </el-container>
    </div>
</template>  
  
<script lang='ts' setup>
</script>

<style lang='scss' scoped>
</style>